<div ng-include="sys_html('common/_header',true)"></div>
<div ng-if="pagedata.op == 'list'">
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
		<div class="carousel-inner" role="listbox">
			<div ng-repeat="nav in pagedata.navs" ng-class="{'item':true,'active':$index==0}">
				<a href="{{nav.url}}">
					<img ng-src="{{tomedia(nav.picurl)}}" style="display: block; width: 100%; height: auto;"/>
				</a>
			</div>
		</div>
		<div id="carousel-jinyun" class=" fui-swipe-page" style="bottom: 10px; ">
			<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.navs" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
		</div>
	</div>
  <!--item start -->
  <div class="container apps_cont" style="width:1200px">
    <ul class="nav nav-pills">
			 <li ng-class="{'active':pagedata.fenliid == item.id}" ><a href="javascript:;" ng-click="access_json('product.list/')">全部</a></li>
             <li ng-repeat="item in pagedata.fenlei" ng-class="{'active':pagedata.fenleiid=='{{item.id}}'}">
                 <a href="javascript:;" ng-click="access_json('/product.list/','fenlei='+ item.id)">{{item.title}}</a>
             </li>
    </ul>
  </div>
  <!--item end  -->
  <!-- 全部小程序start -->
  <div class="container c_apps_applets" style="width:1200px">
    <div class="c_apps_app_title">
        {{pagedata.fenleiname || '全部分类'}}
    </div>
    <div class="row" style="width:1200px;margin:20px auto">
		<div ng-repeat="item in pagedata.list" class="col-md-4 col-xs-12 col-sm-6 apps_item_list">
                <div class="thumbnail" style="height: 118px;">
                        <div class="row">
                              <div class="col-md-8 col-xs-8 col-sm-8">
                                     <a href="javascript:;" ng-click="access_json('/product.list/detail','id='+ item.id)" title="" target="_blank"  class="apps_logo_all apps_logo fl"><img src="{{tomedia(item.picurl) || '../core/resource/images/nopic.jpg'}}" height="80px"></a>
                                          <div class="apps_list_desc fl" style="padding:10px 0;margin-left:15px;width:108px;white-space: nowrap;overflow: hidden">
                                            <h3><a href="javascript:;" ng-click="access_json('/product.list/detail','id='+ item.id)" target="_blank">{{item.title || '没有产品名称'}}</a></h3>
                                            <img src="../core/resource/images/pc/apps_star_5.png" style="padding-bottom:10px;display:block">
                                            <span class="glyphicon glyphicon-tag apps_icon"></span>
                                            <span class="apps_list_takeaway" ng-repeat="(key,value) in item.biaoqian">{{value}}</span>
                                          </div>
                                        </div>
                                <div class="col-md-4 col-xs-4 col-sm-4 apps_list_money">
                                            <p>￥{{item.price}}元</p>
                                            <a href="{{item.url}}" class="" target="_blank">查看详情</a>
                                 </div>
                         </div>
                </div>
         </div>
    </div>
  <!-- 全部小程序end -->
  <!--分页start  -->
  <div class="container text-center c_apps_page">
    <ul class="pagination">
        
    </ul>
   </div>
 <!-- 分页end -->
</div>
</div>

<div ng-if="pagedata.op=='detail'">
<style>
body{background:#e7e7e7}
a:focus, a:hover{color:#fff}
</style>
  <!--head end  -->
  <!--路径导航start  -->
  <ol class="breadcrumb container apps_item_cont" style="width:1200px">
    <li><a href="javascript:;" ng-click="access_json('home.welcome/')">首页</a></li>
    <li><a href="">{{pagedata.item.fenlei || '全部分类'}}</a></li>
    <li class="active">{{pagedata.item.title}}</li>
  </ol>
  <!-- 路径导航end -->
  <!-- container start -->
  <div class="apps_item_wrap container row" style="width:1200px">
    <div class="col-md-10 col-xs-12 col-sm-12 apps_item_left">
      <div class="apps_item_com">
        <div class="apps_item_top">
          <div class="row">
            <div class="col-md-9 col-xs-9 col-sm-9">
              <img ng-src="{{tomedia(pagedata.item.picurl) || '../core/resource/images/nopic.jpg'}}" alt="" class="fl apps_item_top_logo">
              <div class="apps_item_top_name">{{pagedata.item.title}}</div>
              <img src="../core/resource/images/pc/apps_star_5.png" alt="应用评分5星" class="apps_item_top_star">
              <ul>
                  <li ng-repeat="(key,value) in pagedata.biaoqian"><span>{{value}}</span></li>
              </ul>
            </div>
            <div class="col-md-3 col-xs-3 col-sm-3 text-right apps_item_look">
              <div class="apps_item_right_top">
                <span class="iconfont icon-look apps_item_eye"></span>{{pagedata.item.readnum}}
              </div>
              <div class="share_buttonbox">
                <a href="javascript:;" class="share_wechat" data-cmd="weixin" title="分享到微信"></a>
                <a href="javascript:;" class="share_sina" data-cmd="tsina" title="分享到新浪微博"></a>
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
  <div class="col-md-2 col-xs-2 col-sm-2 apps_item_right text-center">
    <p class="apps_item_title">立即拥有你的专属WEB</p>
    <p class="apps_item_money"><span class="apps_item_money_icon">￥</span><span>{{pagedata.item.price}}</span>元</p>
    <a href="javascript:;" ng-click="access_json('/member.login/')" class="apps_start_bnt" target="_blank">开始制作</a>
  </div>
</div>
<div class="apps_item_mian container" style="width:1200px">
  <div class="row">
    <div class="col-md-10 col-xs-12 col-sm-12 apps_item_main_left">
      <div class="apps_item_main_wrap">
        <div class="row apps_item_wrap_section1">
          <div class="col-md-12 col-xs-12 col-s-12">
            <div class="apps_item_main_wrap_title"><i></i>{{pagedata.item.title}} 介绍</div>
            <div  ng-bind-html="trust(pagedata.item.content)">
            </div>
          </div>

          <div class="c_main_wx_code">
            <div class="apps_item_icon text-center">
              <img ng-src="{{tomedia(pagedata.item.qrcode) || '../core/resource/images/nopic.jpg'}}" alt="" class="apps_item_main_wrap_applets">
              <p>微信扫描体验</p>
            </div>
          </div>
        </div>
            <div class="row apps_item_wrap_section2">
              <div class="col-md-12 col-xs-12 col-sm-12">
                <div class="apps_item_main_wrap_title"><i></i>{{pagedata.item.title}} 截图</div>
              </div>

              <div class="row apps_item_main_banner">
                <div class="col-md-1 col-sm-1 col-xs-1 apps_item_left_btn apps_cont_btn" onclick="prev()">
                  <span class="border-10"><img src="../core/resource/images/pc/apps_left.png" alt=""></span>
                </div>
                <div class="col-md-10 col-sm-10 col-xs-10 apps_cont_banner">
                  <div class="row apps_item_banner_wrapper">
                    <ul><li ng-repeat="(key,value) in pagedata.item.slide"><img ng-src="{{tomedia(value) || '../core/resource/images/nopic-mobile.png'}}" alt=""></li></ul>
                  </div>
                </div>
                <div class="col-md-1 col-sm-1 col-xs-1 apps_item_right_btn apps_cont_btn " onclick="next()">
                  <span class="border-10"><img src="../core/resource/images/pc/apps_right.png" alt=""></span>
                </div>
                <div class="apps_item_iphone">
                  <img src="../core/resource/images/pc/apps_iphone.png" alt="">
                </div>
              </div>
            </div>

        <div class="row apps_item_wrap_section2">
          <div class="col-md-12 col-xs-12 col-sm-12">
            <div class="apps_item_main_wrap_title"><i></i>评分</div>
          </div>
          <div class="row apps_item_score_main">
            <div class="col-md-6 col-xs-12 col-sm-12">
              <span class="apps_item_score">5</span>
              <p class="apps_item_score_result">
                <img src="../core/resource/images/pc/apps_star_5.png" alt="">
                <span>共{{pagedata.item.pingfennum}}人参与评分</span>
              </p>
            </div>
            <div class="col-md-6 col-xs-12 col-sm-12 text-right">
              <ul class="apps_start">
                <li>
                  <span class="apps_start_level">5星</span>
                  <div class="apps_item_bar_all">
                    <span></span>
                    <input type="hidden" value='{{pagedata.item.pingfennum5_bfb}}%'>
                  </div>
                  <span class="c_bar_num">{{pagedata.item.pingfennum5}}</span>个
                </li>
                <li>
                  <span class="apps_start_level">4星</span>
                  <div class="apps_item_bar_all">
                    <span></span>
                    <input type="hidden" value='{{pagedata.item.pingfennum4_bfb}}%'>
                  </div>
                  <span class="c_bar_num">{{pagedata.item.pingfennum4}}</span>个
                </li>
                <li>
                  <span class="apps_start_level">3星</span>
                  <div class="apps_item_bar_all">
                    <span></span>
                    <input type="hidden" value='{{pagedata.item.pingfennum3_bfb}}%'>
                  </div>
                  <span class="c_bar_num">{{pagedata.item.pingfennum3}}</span>个
                </li>
                <li>
                  <span class="apps_start_level">2星</span>
                  <div class="apps_item_bar_all">
                    <span></span>
                    <input type="hidden" value='{{pagedata.item.pingfennum2_bfb}}%'>
                  </div>
                  <span class="c_bar_num">{{pagedata.item.pingfennum2}}</span>个
                </li>
                <li>
                  <span class="apps_start_level">1星</span>
                  <div class="apps_item_bar_all">
                    <span></span>
                    <input type="hidden" value='{{pagedata.item.pingfennum1_bfb}}%'>
                  </div>
                  <span class="c_bar_num">{{pagedata.item.pingfennum1}}</span>个
                </li>
              </ul>
            </div>
          </div>
            <div class="apps_item_score_start">
              请给本产品评分吧
              <div class="apps_star">
                <ul>
                  <li>
                    <img src="../core/resource/images/pc/apps_star_gray.png" alt="">
                  </li>
                  <li>
                    <img src="../core/resource/images/pc/apps_star_gray.png" alt="">
                  </li>
                  <li>
                    <img src="../core/resource/images/pc/apps_star_gray.png" alt="">
                  </li>
                  <li>
                    <img src="../core/resource/images/pc/apps_star_gray.png" alt="">
                  </li>
                  <li>
                    <img src="../core/resource/images/pc/apps_star_gray.png" alt="">
                  </li>
                </ul>
              </div>
              <div class="apps_star_btn">确认评分</div>
            </div>
        </div>
      </div>
    </div>
    <div class="col-md-2 col-xs-2 col-sm-2 apps_item_main_right">
      <div class="apps_item_right">
        <div class="apps_item_main_wrap_title"><i></i>热门推荐</div>
        <ul class="list-group">
			<li class="list-group-item" ng-repeat="item in pagedata.hots">
                     <a href="" class="block clearfix">
                                      <p class="fl"><img ng-src="{{tomedia(pagedata.item.picurl) || '../core/resource/images/nopic.jpg'}}" class="apps_item_right_logo"></p>
                                      <p class="fl apps_item_right2 ">
                                        <span>{{item.title}}</span>
                                        <img class="fl" src="../core/resource/images/pc/apps_star_5.png" alt="">
                                      </p>
                      </a>
            </li>
        </ul>
      </div>
      <div class="apps_item_right">
        <div class="apps_item_main_wrap_title"><i></i>好评推荐</div>
        <ul class="list-group">
            <li class="list-group-item" ng-repeat="item in pagedata.good">
                     <a href="" class="block clearfix">
                                <p class="fl"><img ng-src="{{tomedia(pagedata.item.picurl) || '../core/resource/images/nopic.jpg'}}" class="apps_item_right_logo"></p>
                                 <p class="fl apps_item_right2 ">
                                        <span>{{item.title}}</span>
                                        <img class="fl"  src="../core/resource/images/pc/apps_star_5.png" alt="">
                                </p>
                      </a>
             </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
      //星星进度条
      $(".apps_start li .c_bar_num").each(function(e){
        var value = $(this).parent().find('input').val()
        console.log(value)
        if($(this).text() != 0){
          $(this).parent().find(".apps_item_bar_all span").css({"width":value})
        }else{
          $(this).parent().find(".apps_item_bar_all span").css({"width":0})
        }
      })
      //上下页
      var index1 = 0;
      $(".apps_item_banner_wrapper ul li").each(function(){
        $(this).append("<span class='apps_item_main_wrap_mask'></span>")
      })
      $(".apps_item_banner_wrapper ul li").eq(1).find("span").removeClass("apps_item_main_wrap_mask")

      function next(){
        var Length = $(".apps_cont_banner ul li").length
        var w = $(".apps_cont_banner ul li img").width();
        var ww = $(".apps_cont_banner ul li").css("marginRight")
        console.log(ww)
        var mar = parseInt(w)+parseInt(ww)
        if(index1 >= Length-2){
          return false
        }
          index1++;
          $(".apps_cont_banner ul li").eq(index1).find("span").addClass("apps_item_main_wrap_mask")
          $(".apps_cont_banner ul li").eq(index1+1).find("span").removeClass("apps_item_main_wrap_mask")
          $(".apps_cont_banner ul").stop().animate({"left":-index1*(mar)+'px'},100)
        console.log(index1)
      }
      function prev(){
        var Length = $(".apps_cont_banner ul li").length
        var w = $(".apps_cont_banner ul li img").width()
        var ww = $(".apps_cont_banner ul li").css("marginRight")
        console.log(ww)
        var mar = parseInt(w)+parseInt(ww)
        if(index1 < 0){
          return false
        }
        index1--
        $(".apps_cont_banner ul li").eq(index1+2).find("span").addClass("apps_item_main_wrap_mask")
        $(".apps_cont_banner ul li").eq(index1+1).find("span").removeClass("apps_item_main_wrap_mask")
        $(".apps_cont_banner ul").stop().animate({"left":-index1*(mar)+'px'},100)
      }
      //分享
      window._bd_share_config={
        "common":{
          "bdSnsKey":{},
          "bdText":"",
          "bdMini":"2",
          "bdMiniList":false,
          "bdPic":"",
          "bdStyle":"0",
          "bdSize":"32"
        },
          "share":{},
          "image":{"viewList":["tsina","weixin"],"viewText":"分享到：","viewSize":"32"},
          "selectShare":{"bdContainerClass":null,"bdSelectMiniList":["tsina","weixin"]}
      };
      with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];

      //星星评分
      var index = 0
      $(".apps_star ul li").on("click",function(){
        $(".apps_star ul li").find("img").attr("src","../core/resource/images/pc/apps_star_gray.png")
        index = $(this).index()+1;
        console.log(index)
        //评分几个星
        for(var i=0;i<index;i++){
          $(".apps_star ul li").eq(i).find("img").attr("src","../core/resource/images/pc/apps_star_light.png")
        }
      })
      $(".apps_star_btn").on("click",function(){
			var params1 = {
					'plugin':'core',
					'action':'product.list',
					'op':'pingfen',
					'query':'fenshu='+index,
					'data':{},
					'callback':function(data){
							console.log(data)
							if(data.success == 1){
								alert('评分成功，谢谢您的评分');
							}else{
								 alert(data.message);
							}
					}
			}
			scope.post_json(params1);
      })
  </script>
</div>

<div ng-include="sys_html('common/_footer',true)"></div>